<template>
 <div class="box">
    <div class="box-1">
        <div>
            <h3 style="color: rgb(66, 155, 255) ;font-size: 16px;padding: 5px;">病例</h3>
            <span class="box-2">2023-02-17 15:34 源码力量云诊所 - 院长A</span>
        </div>
    </div>
    <div>
   <div>
    <h3 style="color: rgb(66, 155, 255) ;font-size: 20px;">诊断信息</h3>
   </div>
   <div>
    <span class="btnn">发病日期:</span>
    <el-input v-model="input" disabled placeholder="2023-02-17" style="width:200px ;" />
    <span class="btnn">接诊类型:</span>
    <el-input v-model="input" disabled placeholder="初诊" style="width:300px ;"/>
   
   </div>
   <div>
    <span class="btnn">是否传染:</span>
    <el-input v-model="input" disabled placeholder="否" style="width:200px ;"/>
   </div>

   <div>
    <span class="btnn">主诉:</span>
    <el-input v-model="input"     />
   </div>
   <div>
    <h3 style="color: rgb(66, 155, 255) !important;">家族史</h3>
    <div style="margin: 20px 0" />
  <el-input
    v-model="textarea"
    maxlength="30"
    placeholder="Please input"
    show-word-limit
    type="textarea"
  />
   </div>
    </div>
 </div>
</template>

<script>
export default {
  setup() {
    return {};
  },
};
</script>

<style lang="css" scoped>

.box{
    display: flex;
    
   
}
.btnn{
    
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
}
.box-1{
    height: 640px;
    cursor: pointer;
    overflow-y: auto;
}
.box-2{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    
}


</style>
